<template>
	<div class="logo">
		<span>Logo</span>
		<span class="el-p">八里庄智慧党建</span>
	</div> 
</template>
<script>
	import { mapGetters } from 'vuex'
	export default {
		name:'logo',
		computed:{
			...mapGetters(['isCollapse'])
		},
		methods:{
		}
	}
</script>
<style scoped>
	.logo{
		position: relative;
		height: 50px;
		line-height: 60px;
		display: flex;
		justify-content: space-between;
		text-align: center;
		align-items: center;
		color:#fff;
		padding:0 20px 0 20px;
		background:#12304e;
	}
	.logo .el-p{
		margin-left: 10px;
	}
</style>